@import "variables";

.plan-edit-teaching-information {
  background: color($h5, c9);
}

.teaching-information-name {
  width: 100%;
  padding: pxTorem(30) pxTorem(24);
  color: color($h5, c2);
  @include font-size(f2);
  font-weight: bold;
  background:color($h5,c10);
}
.teaching-information-pages {
  padding-bottom: pxTorem(240);
  .teaching-process-text {
    width: 100%;
    .edit-header{
      width:100%;
      padding:pxTorem(30) 0;
      background: color($h5,c10);
      .edit-title-stripe{
        width:100%;
        border-left:pxTorem(6) solid color($h5,c1);
        font-size: standard($f,f3);
        font-weight: bold;
        color:color($f,c2);
        padding-left:pxTorem(18);
      }
    }
  }
  .important-area {
    width: 100%;
    .edit-header{
      width:100%;
      padding:pxTorem(30) 0;
      background: color($h5,c10);
      .edit-title-stripe{
        width:100%;
        border-left:pxTorem(6) solid color($h5,c1);
        font-size: standard($f,f3);
        font-weight: bold;
        color:color($f,c2);
        padding-left:pxTorem(18);
      }
    }
    p {
      width: 100%;
      padding: pxTorem(30) pxTorem(30) 0;
      @include font-size(f4);
      color: color($h5, c2);
      background: color($h5, c10);
    }
    ul {
      background: color($h5, c10);
      display: flex;
      flex-wrap: wrap;
      padding: pxTorem(30) pxTorem(30) 0;
      li {
        display: flex;
        min-width: pxTorem(100);
        align-items: center;
        justify-content: center;
        background: color($h5, c9);
        border-radius: pxTorem(5);
        @include font-size(F4);
        color: color($h5, c2);
        padding: pxTorem(15) pxTorem(16);
        margin: 0 pxTorem(26) pxTorem(30) 0;
      }
    }
  }
  .capacity-predict {
    width: 100%;
    .edit-header{
      width:100%;
      padding:pxTorem(30) 0;
      background: color($h5,c10);
      .edit-title-stripe{
        width:100%;
        border-left:pxTorem(6) solid color($h5,c1);
        font-size: standard($f,f3);
        font-weight: bold;
        color:color($f,c2);
        padding-left:pxTorem(18);
      }
    }
    ul {
      width: 100%;
      background: color($h5, c10);
      li{
        width:100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding:pxTorem(30);
        .seventeen{
          @include font-size(F2);
          color:color($h5,c2);
          display: inline-block;
          width:30%;
        }
        input{
          width: 70%;
          @include font-size(f4);
          text-align: right;
        }
        .chose-load{
          width:70%;
          display: flex;
          justify-content: flex-end;
          select{
            border: none;
            -webkit-appearance: none;
            background-color: #fff;
            appearance: none;
            direction: rtl;
            //margin-right: pxTorem(20);
          }
          //span{
          //  margin-right:pxTorem(20);
          //}
        }
      }
    }
  }
}
.fixed-bottom{
  width:100%;
  position: absolute;
  bottom:0;
  left:0;
}
.select-box {
  li.active {
    color: color(c10) !important;
    background-color: color(c1) !important;
  }
}
